@import 'prefix.scss';

@each $dir-name, $dir-value in ('r','row'), ('r-r','row-reverse'), ('c','column'), ('cr','column-reverse'){
  .#{$prefix}-flex-#{$dir-name} {
    flex-direction: $dir-value;
  }
}
@each $wrap-name, $wrap-value in ('n','nowrap'), ('w','wrap'), ('c','column'), ('w-r','wrap-reverse'){
  .#{$prefix}-fw-#{$wrap-name} {
    flex-wrap: $wrap-value;
  }
}

@each $jc-name, $jc-value in ('f-s','flex-start'), ('f-e','flex-end'), ('c','center'), ('s-b','space-between'), ('s-a', 'space-around'){
  .#{$prefix}-jc-#{$jc-name} {
    justify-content: $jc-value;
  }
}
@each $ai-name, $ai-value in ('f-s','flex-start'), ('f-e','flex-end'), ('c','center'), ('b','baseline'), ('s', 'stretch'){
  .#{$prefix}-ai-#{$ai-name} {
    align-items: $ai-value;
  }
}

